WPF (Windows Presentation Foundation) এ Layout Panels ব্যবহার করা হয় ইউজার ইন্টারফেসের উপাদানগুলো সঠিকভাবে সাজানোর জন্য। প্রতিটি Layout Panel এর নিজস্ব বৈশিষ্ট্য এবং উদ্দেশ্য রয়েছে, এবং এগুলো UI কন্ট্রোলগুলোর অবস্থান নির্ধারণ করতে সাহায্য করে। নিচে Grid, StackPanel, WrapPanel, এবং DockPanel এর সম্পর্কে বিস্তারিত বর্ণনা করা হলো।
Grid
Grid হলো সবচে জনপ্রিয় এবং শক্তিশালী লেআউট প্যানেল, যা সেল বা কক্ষে (cell) উপাদানগুলোর অবস্থান নির্ধারণ করতে ব্যবহৃত হয়। এটি রো (row) এবং কলাম (column) ভিত্তিক সিস্টেম ব্যবহার করে, যেখানে আপনি উপাদানগুলো বিভিন্ন সেলে প্লেস করতে পারেন।
Grid এর বৈশিষ্ট্য (Features of Grid)
- RowDefinitions এবং ColumnDefinitions ব্যবহার করে আপনি গ্রিডে রো এবং কলাম তৈরি করতে পারেন।
- আপনি প্রতিটি সেলের জন্য ভিন্ন ভিন্ন সাইজ এবং অ্যালাইনমেন্ট সেট করতে পারবেন।
- Grid এর মধ্যে উপাদানগুলি খুবই নমনীয়ভাবে স্থাপন করা যায়, যেমন সেল স্প্যান, উইন্ডো সাইজ পরিবর্তন অনুযায়ী কন্ট্রোল রিসাইজ হওয়া ইত্যাদি।
উদাহরণ:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="2*"/>
</Grid.ColumnDefinitions>
<Button Grid.Row="0" Grid.Column="0" Content="Button 1"/>
<Button Grid.Row="1" Grid.Column="1" Content="Button 2"/>
</Grid>
এখানে, প্রথম বাটনটি প্রথম রো এবং প্রথম কলামে থাকবে, আর দ্বিতীয় বাটনটি দ্বিতীয় রো এবং দ্বিতীয় কলামে থাকবে। প্রথম কলাম এবং রো স্বয়ংক্রিয়ভাবে সাইজ হবে, আর দ্বিতীয় কলাম এবং রো বাকি স্পেস নিয়ে পূর্ণ হবে।
StackPanel
StackPanel একটি সোজা লেআউট প্যানেল যা উপাদানগুলোকে একে ওপরের সাথে স্ট্যাক বা স্তরবদ্ধভাবে সাজায়। এটি হরাইজেন্টালি (horizontal) অথবা ভারটিকালি (vertical) উপাদানগুলো সাজানোর জন্য ব্যবহার করা যেতে পারে।
StackPanel এর বৈশিষ্ট্য (Features of StackPanel)
- Orientation প্রপার্টি ব্যবহার করে আপনি উপাদানগুলোর সাজানোর দিক (horizontal বা vertical) নির্ধারণ করতে পারবেন।
- স্ট্যাক প্যানেল সাধারণত সহজ এবং কম্প্যাক্ট লেআউটের জন্য ব্যবহৃত হয়, যেখানে উপাদানগুলো একে অপরের উপরে বা পাশে সাজানো হয়।
- উপাদানগুলোর সাইজ স্বয়ংক্রিয়ভাবে অটোমেটিক হয়, তবে আপনি নির্দিষ্ট সাইজও দিতে পারেন।
উদাহরণ:
<StackPanel Orientation="Vertical">
<Button Content="Button 1"/>
<Button Content="Button 2"/>
<Button Content="Button 3"/>
</StackPanel>
এখানে তিনটি বাটন একটি উল্লম্ব স্তরে সাজানো হবে, যেখানে প্রথম বাটনটি উপরে এবং পরবর্তী বাটনগুলো তার নিচে আসবে।
WrapPanel
WrapPanel একটি লেআউট প্যানেল যা উপাদানগুলোকে লাইন বা রো অনুযায়ী সাজায় এবং যখন কোনো লাইনে জায়গা থাকে না, তখন নতুন লাইনে উপাদানগুলো স্থানান্তরিত হয়।
WrapPanel এর বৈশিষ্ট্য (Features of WrapPanel)
- উপাদানগুলো অটো-র্যাপ হয়, অর্থাৎ এক লাইনে জায়গা না পেলে পরবর্তী লাইনে চলে যায়।
- উপাদানগুলোকে হরাইজেন্টালি বা ভারটিকালি সাজানো যেতে পারে, নির্ভর করে Orientation প্রপার্টির মানের উপর।
- এটি সাধারণত গ্যালারি, আইকন, বা ছবি প্রদর্শন করার জন্য ব্যবহৃত হয়, যেখানে উপাদানগুলো স্ক্রীনের প্রস্থ অনুযায়ী র্যাপ করে।
উদাহরণ:
<WrapPanel Orientation="Horizontal">
<Button Content="Button 1"/>
<Button Content="Button 2"/>
<Button Content="Button 3"/>
<Button Content="Button 4"/>
</WrapPanel>
এখানে, চারটি বাটন এক লাইনে প্রদর্শিত হবে যতক্ষণ না জায়গা শেষ হয়, তারপর নতুন লাইনে চলে যাবে।
DockPanel
DockPanel হলো একটি লেআউট প্যানেল যা উপাদানগুলোকে ডক করতে সহায়তা করে। এটি সাধারণত বিভিন্ন UI উপাদানগুলোকে চারপাশে ডক (dock) করে সাজাতে ব্যবহৃত হয়।
DockPanel এর বৈশিষ্ট্য (Features of DockPanel)
- DockPanel এ উপাদানগুলোর Dock প্রপার্টি ব্যবহার করে তাদের অবস্থান নির্ধারণ করা হয় (যেমন Top, Bottom, Left, Right, Fill)।
- একাধিক উপাদান একই সময়ে একটি দিকে ডক করা যেতে পারে এবং অবশিষ্ট স্পেস পূর্ণ করার জন্য অন্য উপাদানকে ফিল করা হয়।
- সাধারণত হেডার, ফুটার, সাইডবার বা মেনু বার তৈরি করতে DockPanel ব্যবহার করা হয়।
উদাহরণ:
<DockPanel>
<Button DockPanel.Dock="Top" Content="Top Button"/>
<Button DockPanel.Dock="Left" Content="Left Button"/>
<Button DockPanel.Dock="Right" Content="Right Button"/>
<Button Content="Main Button" />
</DockPanel>
এখানে, প্রথম বাটনটি উপরের দিকে ডক হবে, দ্বিতীয় বাটনটি বাম দিকে, তৃতীয় বাটনটি ডান দিকে, এবং চতুর্থ বাটনটি মূল অংশে (Fill) থাকবে।
সারাংশ
Grid, StackPanel, WrapPanel, এবং DockPanel প্রতিটি লেআউট প্যানেল বিভিন্ন উদ্দেশ্যে ব্যবহৃত হয়, যেমন:
- Grid: সেল ভিত্তিক লেআউট, যেখানে উপাদানগুলো রো এবং কলামে সাজানো হয়।
- StackPanel: উপাদানগুলোকে স্তরবদ্ধভাবে সাজানো হয়, হরাইজেন্টালি বা ভারটিকালি।
- WrapPanel: উপাদানগুলো লাইন-বাই-লাইন সাজানো হয় এবং জায়গা না থাকলে র্যাপ হয়ে নতুন লাইনে চলে যায়।
- DockPanel: উপাদানগুলোকে চারপাশে ডক (Top, Bottom, Left, Right) করে সাজানো হয়, যেখানে একাধিক উপাদান একই দিকে ডক হতে পারে এবং অবশিষ্ট স্পেস ফিল হতে পারে।
আপনার অ্যাপ্লিকেশনের UI ডিজাইন এবং প্রয়োজনে অনুযায়ী, এসব লেআউট প্যানেলগুলোর মধ্যে থেকে উপযুক্তটি নির্বাচন করতে হবে।
Read more
